<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    {{info}}
</div>
<!--从CDN服务器引入框架文件-->
<!--<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>-->
<!--从本地引入-->
<script src="js/vue.min.js"></script>
<script>
    let v = new Vue({
        el:"body>div",//element元素,值是选择器,用来设置Vue框架管理的元素范围
        data:{//在data里面定义和页面元素进行绑定的变量,当变量的值发生改变,页面会自动改变
            info:"Hello Vue!"
        }
    })
    setTimeout(function (){
        v.info = "翻滚吧,牛宝宝!";
    },3000);
</script>
</body>
</html>